<template>
  <div class="topHead dis_f pos_rel">
	<i class="el-icon-arrow-left back col_f pos_abs" @click="back()"></i>
	<div class="title m0_a col_f">{{title}}</div>
  </div>
</template>
<script>
export default {
	name: 'topHead',
	props: ["title"],
	data(){
		return {

		}
	},
	methods: {
		back(){
			this.$router.go(-1);
		},
	}
}
</script>
<style scoped lang="scss">
	@import '@/assets/css/currency.css';
	.topHead{
		background-color: #2c76fc;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1001;

		.back{
			line-height: 1rem;
			font-size: 0.5rem;
			padding: 0 .2rem;
			left: 0;
		}
		.title{
			font-size: 0.38rem;
			line-height: 1rem;
		}
	}
</style>